<template>
	<view class="wrap">
		<live-player
		  src="https://github.com/AgoraIO/Agora-Miniapp-Tutorial"
		  autoplay
		  @statechange="statechange"
		  @error="error"
		  style="width: 300px; height: 225px;"
		/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				
				form: {
					comment: '',
				},
				// 列表查询请求数据
				queryForm1: {
					// 分页数据
					pagination: {
						pageIndex: 1, //当前页码
						pageSize: 8, //每页显示数量
					},
					// 表单数据源
					formData: {
						keywords: "", // 关键字
						role: 'tiaojie_employee',
						group: 0,  // 类型
					},
					// 查询匹配规则
					columns: [{
						key: "keywords",
						mode: "%%",
						fieldName: "nickname",
					}, {
						key: "role",
						mode: "="
					}, {
						key: "group",
						mode: "="
					}],
					// 排序规则
					sortRule: [{
						name: "sort",
						type: "asc"
					}, {
						name: "_add_time",
						type: "desc"
					}]
				},
				loadStatus: 'loadmore',
				flowList: [],
			}
		},
		mounted() {
			
		},
		methods: {
			statechange(e){
				console.log('live-player code:', e.detail.code)
			},
			error(e){
				console.error('live-player error:', e.detail.errMsg)
			}
		}
	}
</script>

<style scoped>
	.content{
		margin: 0 auto 24rpx;
		font-size: 14px;
		/* letter-spacing: 1px;
		text-indent: 2em; */
	}
	img{
		width: 100%;
	}
</style>